<template>
  <div class="m-navbar">
      <div class="logo-item">
          <img :src="require('@/assets/images/logo.png')" alt="">
      </div>
     
      <div class="tools-item">
          <img :src="require('@/assets/images/search.png')" alt="">
         <img :src="require('@/assets/images/user.jpg')" class="user-icon" alt="">
        
          <img src="//s1.hdslb.com/bfs/static/jinkela/mstation-h5/assets/navOpenApp.png" class="uplaod-btn" alt="">
      </div>
  </div>
</template>

<script>
export default {};
</script>

<style lang="less" scoped>
.m-navbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 11.73333vw;
  line-height: 11.73333vw;
  padding: 0 3.2vw 0 4.8vw;
  font-size: 0;
  background: #fff;
  .logo-item{
      display: flex;
      align-items: center;

      img{
          height: 9vw;
      }
  }
  .tools-item{
      display: flex;
      align-items: center;
      
      img{
          width: 30px;
          height: 25px;
          margin-left: 4vw;
      }
      .user-icon{
          width: 30px;
          height: 30px;
          border-radius: 50%;
      }
      .uplaod-btn{
          width: 15vw;
        height: 6.4vw;
      }

  }
}
</style>
